button {
  height:15px;
  width: 10px;
  margin:35px;  /*margin是四个边距，所有四个边距都是 10px*/
  border-radius: 10px;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  float: right;
  border: 1px solid #269ABC;
  outline: none; /*设置元素周围的轮廓*/
  margin-left: 18%;

}
button:hover{
  font-weight: bold;
  color: #020002ab;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
button:active {
  transform: translateY(4px);
}
#register
{
  height:100%;
  width:100%;
  background-image: linear-gradient(lightskyblue, lightblue);
  background-size: cover;
  background-attachment: fixed;
}

#registerBox{

  background-color: rgba(215, 223, 226, 0.7);
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width:400px;
  padding-bottom: 2px;
  border-radius: 15px;
  height: 420px;
}

/*
@keyframes myfirst
{
  0%   {left:0px; top:0px;}
  25%  {left:200px; top:0px;}
}
*/

form{
  padding:0px 20px;
}
label{
  display:inline-block;
  width:80px;
  text-align:left;
  font-size: 20px;
 /* font-weight: bold;*/
}
input{
  width:250px;
  height:40px;
  /*display: block;*//*设置成块级元素，独占一行*/
  margin: 5px auto;/*外边距30px，输入框居中*/
  padding: 8px;/*设置内边距*/
  text-align: center;/*文字居中*/
  border: 1px solid #EBEBEB;/*把输入框包起来，变成长方形*/
  border-radius: 10px;/*让长方形的4个角弯一点，*/
  font-family: 'Source Sans Pro', sans-serif;/*字体类型*/
  font-size: 18px;/*字体大小*/
  outline: none;

}
#submit,#reset{
  margin:10px;
  background-color: #fff;
  width:80px;
  height:30px;
}
#registerText{
  text-align: center;
  margin-top: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(240, 240, 245);
  font-size: 20px;
  text-shadow: 5px 5px 5px skyblue;
}




